<?php
include($_SERVER["DOCUMENT_ROOT"]."/bob.php");
include($_SERVER["DOCUMENT_ROOT"]."/fonctions_globales.php");
$mysqli = new_mysqli($host, $user, $password, $database); //connection à la DB

main_body($mysqli, "Unités", "bandeau;unites"); 
$faction = get_alphanum(@$_GET['faction']);
if($faction == "")
    $faction = "rpatch";

$id_unit = get_num(@$_GET['id']);
if($_GET['mode'] == "random")
    $id_unit = rand(1, 36);

if($id_unit < 0 || $id_unit > 36)
    $id_unit = 0;
if($id_unit != 0){
    $id_unit--;
    $faction = "wraak";
    if($id_unit >= 24){
        $faction = "anthropiste";
        $id_unit = $id_unit - 24;
    } else if($id_unit >= 12){
        $faction = "rpatch";
        $id_unit = $id_unit - 12;
    }
}

$query = "SELECT id, nom FROM unites WHERE faction='$faction' ORDER BY num";
$result = mysqli_query_with_error($mysqli, $query);
?>
    <script language='Javascript'> 
        var current_fiche = -1;
        var tab_fiches = new Array;
        var tab_noms = new Array;
        
        function select_fiche(num){
            if(num < 0 || num >= tab_fiches.length)
                return;
            if(current_fiche != -1)
                document.getElementById("contour"+current_fiche).classList.remove('select'); //On supprime l'état actif de l'ancienne miniature
            current_fiche = num;
            document.getElementById("contour"+num).classList.add('select'); //On ajoute l'état actif sur la miniature actuelle
            document.getElementById("fiche_apercu").src = "/images/unites/fiches/" + tab_fiches[num] + ".jpg";
            document.getElementById("fiche_apercu").alt = tab_noms[num];
            document.getElementById("avant").style.display = ((num == 0) ? "none" : "block");
            document.getElementById("apres").style.display = ((num == tab_fiches.length - 1) ? "none" : "block");
            document.getElementById("lien_zoom").onclick = function(){
                                            afficher_popup("/histoire/image_fullscreen.php?lien=unites/fiches/" + tab_fiches[num] + ".jpg", 500, true);
                                            return false;
                                        };
        }
        
<?php
while($ligne = $result->fetch_assoc()){
         echo "tab_fiches.push('".$ligne['id']."'); "
            . "tab_noms.push('".$ligne['nom']."'); ";                               
}
?>
    </script> 
		<div id="bandeau">
			<div>
				<ul class="menu_band no_float">
					<li><a href="?mode=random&dif=<?php echo rand();?>#pose_fiche" class="btn btn-aleatoire">Unité aléatoire</a></li><li><a href="?faction=rpatch" class="bordure_gauche <?php if($faction =="rpatch") echo "current"; ?>">R-PATCH</a></li><li><a href="?faction=wraak" class="bordure_gauche <?php if($faction =="wraak") echo "current"; ?>">Wraak</a></li><li><a href="?faction=anthropiste" class="bordure_gauche <?php if($faction =="anthropiste") echo "current"; ?>">Anthropiste</a></li><li><a href="" onclick="alert('Pas de chance ! Cette page n\'est pas encore disponible, mais ça ne saurait tarder...'); return false;" class="btn btn-vue">Vue d'ensemble</a></li>
				</ul>
			</div>
		</div>
		<div id='background_corps'> </div><!-- Div contenant simplement la couleur du corps, qui vient se glisser sous le motif de bulle
 											(le vrai corp se glisse au-dessus, pour être cliquable). -->
		<div id="corps">
			<div id="contenus">
				<h3><img src="/images/unites/<?php echo $faction; ?>.png" alt="Logo de la faction" /></h3>
				<ul id="unites">
                                    <?php
                                    $result = mysqli_query_with_error($mysqli, $query);
                                    $nb_unit = 0;
                                    while($ligne = $result->fetch_assoc()){
                                        echo "<li";
                                        if($nb_unit == 6)
                                            echo " class='ligne2'";
                                        echo "><a href='' onclick='select_fiche($nb_unit); return false;'><img src='/images/unites/pictogrammes/".$ligne['id'].".png' alt='".$ligne['nom'].".' /><div id='contour$nb_unit' class='contour'></div></a></li>";
                                        $nb_unit++;
                                    }
                                    
                                    ?>
				</ul>
				
				<div id="apercu">
                                    <div style='margin-top:-40px; margin-bottom:40px;'><a name='pose_fiche'></a></div> <!-- sert à positionner l'ancre un peu plus haut que la fiche elle-même, pour avoir une marge en hauteur (nécessaire à cause du tableau de bord) -->
					<div id="avant"><a href="" onclick="select_fiche(current_fiche-1); return false;"></a></div>
					<div id="apres"><a href="" onclick="select_fiche(current_fiche+1); return false;"></a></div>
					<a href="#" id="lien_zoom"><img id="fiche_apercu" src="" alt="" /></a>
				</div>
			</div> <!-- fin div contenu-->
                    </div> <!-- fin div corps-->
                    <script language='Javascript'>
                        select_fiche(<?php echo $id_unit; ?>);
                    </script> 
<?php
show_footer();
?>